const tab_nav =document.querySelector('.tab-nav')
const pane = document.querySelectorAll('.tab-pane')

tab_nav.addEventListener('click',function(e){
	if(e.target.tagName === 'A'){
		tab_nav.querySelector('.active').classList.remove('active')
		
		e.target.classList.add('active')
		
		for(let i =0;i<pane.length;i++){
			pane[i].style.display ='none'
		}
		pane[e.target.dataset.id].style.display = 'block'
	}
})

// const form = document.querySelector('form')
// const agree = document.querySelector('[name=agree]')
// const username =document.querySelector('[name=username]')
// form.addEventListener('submit',function(e){
// 	e.preventDefault()
// 	if(!agree.checked){
// 		return alert('请勾选同意协议')
// 	}
// 	localStorage.setItem('xtx-uname',username.value)
// 	location.href ='./index.html'
// })


// const ulsa = document.querySelector('.tab-nav ul')
//     const itemss = document.querySelectorAll('.tab-content .item')
//     ulsa.addEventListener('click', function (e) {
//       if (e.target.tagName === 'A') {
//         document.querySelector('.tab-nav .active').classList.remove('active')
//         e.target.classList.add('active')
//         const i = +e.target.dataset.id
//         document.querySelector('.tab-content .active').classList.remove('active')
//         itemss[i].classList.add('active')
//       }
//     })